﻿body{
	font-family: "wf_SegoeUILight","wf_SegoeUI","Segoe UI Light","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";	  
	margin: 0;
	color: white;
	background-color: rgb(221, 221, 221);
}

.wrapper{
	height: 100%;
	width: 100%;
	position: absolute;
	bottom:0px;
}

.leftNav{
	float: left;
	width: 200px;
	/* attempt to make page resizeable
	width: 15%;*/
	background-color: rgb(46, 46, 46);
	/*background-color:rgb(91,150,212);*/
	height: 100%;
	box-shadow:0px 0px 20px 0px black;	
	position: absolute;
    min-height: 100%;
}

.leftNav #logo {
	height: 62px;
	margin: 25px;
	background: url(../img/logo.png);
	background-size: 100%;
	background-repeat: no-repeat;
	top: 0px;
}

/*.leftNav #logo:hover{
	height:200px;
	background:url(img/logo_on.png);
	background-size: cover;
    top:0px;
}*/

.leftNav #menu{
	position: relative;
	overflow: auto;
	margin: 0 auto;
	padding: 0;
	width:100%;
	float: left;
}

.leftNav #menu li a{
	font-size: 20px;
	position: relative;
	list-style: none;
	padding: 5px 30px;
}

.leftNav #menu li a:hover{
	background-color: rgba(255, 255, 255, 0.20);
	/*transition: color 0.25s linear,background-color 0.25s linear;*/
}

.leftNav #menu li a.open{
	background-color: rgba(255, 255, 255, 0.20);
	/*transition: color 0.25s linear,background-color 0.25s linear;*/
}

.leftNav #menu li a{
	display: block;
	text-decoration: none;
	color: white;
}

/* Sub menu */


.leftNav #menu li ul{ 
	display: none;
}

.leftNav ul ul{
	background: rgb(31, 31, 31);
	color: black;
	list-style:none;
	margin-left: -40px;
	position: relative;
	display: none;
}


.mainBody{
	z-index:-1;
	color: black;
	margin-left: 200px;
	width: 85%;
    height: 100%;
    /*position: absolute;*/
	/*again attempt to make it resizeable
	margin-left: 15%; */
	/*float: left;
	position: relative;*/
	background-color: rgb(221, 221, 221);
}

.mainContent{
	margin-left: 20px;
}

#gameHolder{
	margin-top: 20px;
	width: 800px;
	height: 600px;
	box-shadow:0px 0px 20px 0px black;	
}

.mainTitle{
	padding-top: 17px;
	font-size: 20px;
	font-weight: bold;
}
.subTitle{
	font-size: 50px;
	font-weight: bold;
	border-bottom: 2px solid grey;
}

.mainText
{
    font-size: 20px;
    padding-top: 36px;
}

#clearTest{
	clear:both;
}

#userDiv{
	color: white;
	background-color: black;
	float: right;
	margin-right: 10px;
	padding: 5px 10px 10px 10px;
}

#userDiv a{
	color: white;
	text-decoration: none;
}

.table
{
    font-size: 16px;
}

.table tr
{
    height: 30px;
}

.table th
{
    border: 1px solid rgb(155, 155, 155);
}

.table a
{
    text-decoration: none;
    color: Black;
}

.table thead tr th, .table tfoot tr th
{
    color: white;
    background-color: rgb(53, 53, 53);
}

#tableNews th
{
    
    width: 200px;
}

#tableSport th
{
    width: 350px;
}

#tableEvents th
{
    width: 300px;
}

#tableKey th
{
    font: 16px;
    width: 150px;
}

#tableNews .tableSmaller,
#tableSport .tableSmaller,
#tableEvents .tableSmaller
{
    width: 30px;
}


/* for menu to show current page */
body#home #homenav,
body#news #newsnav,
body#events #eventsnav,
body#venues #venuesnav,
body#sports #sportsnav,
body#athletes #athletesnav,
body#users #usersnav,
body#settings #settingsnav
{
	background-color: rgba(255, 255, 255, 0.10);
}

body#home #homenav ul,
body#news #newsnav ul,
body#events #eventsnav ul,
body#venues #venuesnav ul,
body#sports #sportsnav ul,
body#athletes #athletesnav ul,
body#users #usersnav ul,
body#settings #settingsnav
{
	display: block;
}


/* testing for table key */

.red
{
    background-color:Red;
}

.green
{
    background-color: Green;
}

.yellow
{
    background-color: Yellow;
}

/* Upon SuccessFul add or edit of Item */
.successNotice
{
    padding: 5px;
    border: 2px solid rgb(0, 163, 255);
    background-color: rgb(139, 209, 255);
}